<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue入门案例</title>
	</head>
	<style type="text/css">
		[v-cloak]{
			display: none;
		}
	</style>
	<body>
		<div id="msgdiv">
			
		<h1 v-cloak v-once>{{msg}}</h1>
		<h1 v-cloak>{{msg2}}</h1>
		<h2 v-html="html" ></h2>
		<input type="text" v-model="msg2" name="" id="" value="" />
		</div>


<script src="../js/axios.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/vue-router.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
<script>
	var app=new Vue({
		el:"#msgdiv",
		data:{
			msg:"老色批你犯法了你知道吗",
			html:"<h1>定什么罪直接枪毙</h1>",
			msg2:"！！！"
		}
	});
</script>